<!--
这是一个Django模板，用于生成一个Bootstrap样式的HTML表单。该模板首先加载了Bootstrap 4库和其依赖的CSS和JavaScript文件，然后定义了一个POST方法的表单，并使用Bootstrap的布局设置来美化这个表单。最后，它添加了一个提交按钮。

Parameters:
form (django.forms.Form): 一个Django表单实例，将被渲染为Bootstrap样式的HTML表单。

Returns:
str: 返回一个HTML字符串，其中包含了一个Bootstrap样式的HTML表单。
-->

{# Load the tag library #}
{% extends 'base.html' %}
{% block content %}
{% load bootstrap4 %}

{# Load CSS and JavaScript #}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}

{# Display django.contrib.messages as Bootstrap alerts #}
{% bootstrap_messages %}

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>美化表单</title>
    <!-- 确保Bootstrap CSS和JS文件已正确加载 -->
    {% bootstrap_css %}
    {% bootstrap_javascript jquery='full' %}
</head>
<body>

<div class="container mt-4">
    <h2 class="text-center mb-4">投递表</h2>
    
    <form method="post" class="form" enctype="multipart/form-data" style="width:600px;margin:auto;">
        {% csrf_token %}
        {% bootstrap_form form layout='horizontal' %}
        
        <div class="text-center">
            {% buttons %}
            <button type="submit" class="btn btn-primary">
              提交
            </button>
            {% endbuttons %}
        </div>
    </form>
</div>

</body>
</html>
{% endblock %}